<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
	<link rel="stylesheet" type="text/css" href="../plugin/bootstrap/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/driverOneselfPc.css" />
	<script src="../common/js/system.js" type="text/javascript"></script>
	<script src="../plugin/jquery/jquery.min.js"></script>
	<script src="../plugin/bootstrap/bootstrap.min.js" type="text/javascript"></script>	
	<script src="js/driverOneselfPc.js" type="text/javascript"></script>
	<link rel="stylesheet" href="css/sweet-alert.min.css" />
	<script src="js/sweet-alert.min.js"></script>	
	<!-- 弹框插件 -->
	<link rel="stylesheet" href="css/jquery.alertable.css" />
	<script src="js/jquery.alertable.min.js" type="text/javascript" ></script>
    <script src="js/mobiscroll_002.js" type="text/javascript"></script>
	<script src="js/mobiscroll_004.js" type="text/javascript"></script>
	<link href="css/mobiscroll_002.css" rel="stylesheet" type="text/css">
	<link href="css/mobiscroll.css" rel="stylesheet" type="text/css">
	<script src="js/mobiscroll.js" type="text/javascript"></script>
	<script src="js/mobiscroll_003.js" type="text/javascript"></script>
	<script src="js/mobiscroll_005.js" type="text/javascript"></script>
	<link href="css/mobiscroll_003.css" rel="stylesheet" type="text/css">
    <title>司机招募个人信息页面</title>

</head>
<body>
<div class="top_wz">
	<p>请填写个人资料,以使我们了解您的情况</p>
</div>
<form class="form-horizontal" role="form">
  <div class="form-group">
    <label  class="col-xs-6 control-label">期待工作城市</label>
    <div class="col-xs-6">
      <input type="text" class="form-control city_btn"  readonly="readonly" placeholder="请选择城市">
    </div>
  </div>
  <div class="form-group">
    <label  class="col-xs-6 control-label">姓名</label>
    <div class="col-xs-6">
      <input type="text" class="form-control driver_name" maxlength="10" placeholder="您的中文全名">
    </div>
  </div>
  <div class="form-group">
    <label  class="col-xs-6 control-label">身份证</label>
    <div class="col-xs-6">
      <input type="tel" class="form-control sfNumber" maxlength="18" placeholder="请输入身份证号码">
    </div>
  </div>
  <div class="form-group">
    <label  class="col-xs-6 control-label">初次驾驶证日期</label>
    <div class="col-xs-6 jszDate_z" >
      <input type="text" class="form-control jszDate" onfocus="this.blur();" readonly="readonly" id="appDate" placeholder="请按照信息选择">
    </div>
  </div>
  <div class="form-group">
    <label  class="col-xs-6 control-label " >准驾车型</label>
    <div class="col-xs-6 ">
      <input type="text" class="form-control carList carDiv" readonly="readonly" onClick="mtTest()" placeholder="请按驾照信息选择">
    </div>
  </div>
  <div class="form-group">
    <label  class="col-xs-6 control-label ">驾驶证档案编号</label>
    <div class="col-xs-6">
      <input type="tel" class="form-control recordNum" maxlength="12" placeholder="请按照驾照填写">
    </div>
  </div>
</form>

<div class="form-group carBtnZ">
	<div class="col-sm-offset-2 col-sm-10">
	  <button class="btn btn-default carBtn" disabled="disabled" style="background-color:gray;color:#FFFFFF">申请成为全职司机</button>
	</div>
</div>

<!-- boot模态框 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">请选择驾驶证类型</h4>
      </div>
      <div class="modal-body">
        <div class="radio">
		  <label class="label_list">
		    <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>A1
		  </label>
		</div>
		<div class="radio">
		  <label class="label_list">
		    <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>A2
		  </label>
		</div>
		<div class="radio">
		  <label class="label_list">
		    <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>A3
		  </label>
		</div>
		<div class="radio">
		  <label class="label_list">
		    <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>B1
		  </label>
		</div>
		<div class="radio">
		  <label class="label_list">
		    <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>B2
		  </label>
		</div>
		<div class="radio">
		  <label class="label_list">
		    <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>C1
		  </label>
		</div>
		<div class="radio">
		  <label class="label_list">
		    <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>C2
		  </label>
		</div>
      </div>
    </div>
  </div>
</div> 


</body>
</html>